<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>皇室蛋糕</title>
<link rel="shortcut icon" type="image/x-icon" href="resource/bifavi.ico" rel="external nofollow" /> 
<link rel="stylesheet" type="text/css" href="res/static/css/main.css">
<link rel="stylesheet" type="text/css" href="res/layui/css/layui.css">
<script type="text/javascript" src="res/layui/layui.js"></script>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
</head>
<body>

	<!--  童装 服装的 详情 -->

	<div class="site-nav-bg">
		<div class="site-nav w1200">
			<p class="sn-back-home">
				<i class="layui-icon layui-icon-home"></i> <a href="index.jsp">首页</a>
			</p>
			<div class="sn-quick-menu">
				<div class="login">
					<c:if test="${CURR_COM == null }">
						<a href="goConsumerLogin">登录</a>
					</c:if>
					<c:if test="${CURR_COM != null }">
						<a href="gopersoninfo"><c:out value="${CURR_COM}" /></a>  &nbsp; &nbsp; &nbsp;
						<a href="zhuxiao">注销</a>
					</c:if>
				</div>
				<div class="sp-cart">
					<a href="goshopcar">购物车</a><span><c:if
							test="${CURR_NUM == null }"></c:if> <c:if
							test="${CURR_NUM != null }">
							<c:out value="${CURR_NUM}" />
						</c:if></span>
				</div>
			</div>
		</div>
	</div>



	<div class="header">
		<div class="headerLayout w1200">
			<div class="headerCon">
				<h1 class="mallLogo">
					<a href="index.jsp" title="皇室蛋糕"> <img
						src="images/img/logo1.png">
					</a>
				</h1>
				<div class="mallSearch">
					<form action="goSearchJsp" class="layui-form" novalidate>
						<input type="text" name="title" required lay-verify="required"
							autocomplete="off" class="layui-input" placeholder="请输入需要的商品">
						<button class="layui-btn" lay-submit lay-filter="formDemo">
							<i class="layui-icon layui-icon-search"></i>
						</button>
						<input type="hidden" name="" value="">
					</form>
				</div>
			</div>
		</div>
	</div>


	<div class="content content-nav-base datails-content">
		<div class="main-nav">
			<div class="inner-cont0">
				<div class="inner-cont1 w1200">
					<div class="inner-cont2">
						<a href="commodity.html" class="active">所有商品</a> <a href="gotusi">吐司和礼品</a>
						<a href="information">烘焙故事</a> <a href="aboutUs">关于我们</a>
					</div>
				</div>
			</div>
		</div>
		<div class="data-cont-wrap w1200">
			<div class="crumb">
				<a href="javascript:;">首页</a> <span>></span> <a href="javascript:;">所有商品</a>
				<span>></span> <a href="javascript:;">产品详情</a>
			</div>
			<div class="product-intro layui-clear">
				<div class="preview-wrap">
					<a href="javascript:;"><img src="images/Fruits/${imgurl }.png"></a>
					<input type="hidden" value="${imgurl }" id="hidden">
				</div>
				<div class="itemInfo-wrap">
					<div class="itemInfo">
						<div class="title">
							<h4>${context }</h4>
							<span><i class="layui-icon layui-icon-rate-solid"></i>收藏</span>
						</div>
						<div class="summary">
							<p class="reference">
								<span>参考价</span>
								<del>￥280.00</del>
							</p>
							<p class="activity">
								<span>活动价</span><strong class="price"><i>￥</i>${price }</strong>
							</p>
							<p class="address-box">
								<span>送&nbsp;&nbsp;&nbsp;&nbsp;至</span><strong class="address">江西&nbsp;&nbsp;南昌&nbsp;&nbsp;东湖区</strong>
							</p>
						</div>
						<div class="choose-attrs">
							<div class="color layui-clear">
								<span class="title">颜&nbsp;&nbsp;&nbsp;&nbsp;色</span>
								<div class="color-cont">
									<span class="btn">白色</span> <span class="btn active">粉丝</span>
								</div>
							</div>
							<div class="number layui-clear">
								<span class="title">数&nbsp;&nbsp;&nbsp;&nbsp;量</span>
								<div class="number-cont">
									<span class="cut btn">-</span><input  id="getnumbtn"
			onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
			onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
			maxlength="4" type="" name="" value="1"><span
			class="add btn">+</span>
								</div>
							</div>
						</div>
						<div class="choose-btns">
							<button class="layui-btn layui-btn-primary purchase-btn">立刻购买</button>
							<button class="layui-btn  layui-btn-danger car-btn"
								id="shopcarbtn">
								<i class="layui-icon layui-icon-cart-simple"></i>加入购物车
							</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	  <!-- 底部 -->
  <div class="footer">
    <div class="ng-promise-box">
      <div class="ng-promise w1200">
        <p class="text">
          <a class="icon1" href="javascript:;">7天无理由退换货</a>
          <a class="icon2" href="javascript:;">满99元全场免邮</a>
          <a class="icon3" style="margin-right: 0" href="javascript:;">100%品质保证</a>
        </p>
      </div>
    </div>
    <div class="mod_help w1200">                                     
      <p>
        <a href="aboutUs">关于我们</a>
        <span>|</span>
        <a href="helpCenter">帮助中心</a>
        <span>|</span>
        <a href="afterService">售后服务</a>
        <span>|</span>
        <a href="javascript:;">客服资讯</a>
        <span>|</span>
        <a href="javascript:;">关于货源</a>
      </p>
      <p class="coty">皇室蛋糕版权所有 &copy; 2018-2020</p>
    </div>
  </div>
	<script type="text/javascript">
		layui.config({
			base : 'res/static/js/util/' //你存放新模块的目录，注意，不是layui的模块目录
		}).use([ 'mm', 'jquery' ], function() {
			var mm = layui.mm, $ = layui.$;
			var cur = $('.number-cont input').val();
			$('.number-cont .btn').on('click', function() {
				if ($(this).hasClass('add')) {
					cur++;

				} else {
					if (cur > 1) {
						cur--;
					}
				}
				$('.number-cont input').val(cur)
			})

		});
		$("#shopcarbtn").click(function() {
			var aa=$("#getnumbtn").val();
			//alert(aa);
			// scnum 界面上的 购物车后面的静态数字
			//var num = $('#scnum').text();
			//alert("hahaha");
			//console.log(num);
			//alert(num);
			//if (num) {
			//	num++;
			//	$('#scnum').html(num);
			//}
			console.log(aa);
			// hidden 里面 封装了 当前商品的 name
			var hidden = $("#hidden").val();
			console.log(hidden+"hidden");
			// 异步请求 发送 姓名
			$.ajax({
				url : "shopcar",
				dataType : "json",
				data : "name=" + hidden+"&num="+aa,
				type : "post",
				success : function(data) {
					// alert(data); 
					console.log(data);
				}
			});
		});
	</script>


</body>
</html>